Installation guide - Translator Revolution WP Plugin

Provides documentation for the installation process.

Table of contents

  1. Introduction
  2. Getting the Item Purchase Code
  3. Installation
  4. HTML structure

1. Introduction

This guide shows how to install the Translator Revolution WP Plugin jQuery plugin on a sample webpage.

Also provides documentation about the plugin structure and how to customize it.

2. Getting the Item Purchase Code

  • Get the Item Purchase Code.
    • Follow these steps:
  • For any questions, go to http://codecanyon.net/user/SurStudio/
  • On the lower right side there's the following email form:
  • Send your message including the Item Purchase Code.

3. Installation

  • Unzip the downloaded file package on your local machine.
  • Install the plugin, automatic way (as shown on the below video):
    • On the WordPress admin tool, go to Plugins -> Add New -> Upload.
    • Choose the wp-translator-revolution.zip file, and click Install Now.
    • Provide the FTP credentials if you’re asked to.
    • Return to the Plugins page and activate the plugin.
    • A new option named Translator Revolution will appear under the Plugins menu, click it.
    • Enter the API Key and change the settings at will.
  • Install the plugin, manual way:
    • Unzip the wp-translator-revolution.zip file, and upload the whole wp-translator-revolution folder to your server to the /wp-content/plugins/ folder.
    • Go to the Plugins page and activate the plugin.
    • A new option named Translator Revolution will appear under the Plugins menu, click it.
    • Enter the API Key and change the settings at will.

4. XHTML structure

<div class="translator translator-container translator-jquery translator-flags-and-names">
    <div class="translator-sub-container">
        <table border="0" cellspacing="0" cellpadding="0">
        <tbody>
        <tr>
            <td class="td-translator-language-en">
                <a href="javascript:;" title="English" class="translator-language-en"><img src="translator/images/English.gif" alt="English" /><span>English</span></a>
            </td>
            <td class="td-translator-language-es">
                <a href="javascript:;" title="Spanish" class="translator-language-es"><img src="translator/images/Spanish.gif" alt="Spanish" /><span>Spanish</span></a>
            </td>
            <td class="td-translator-language-fr">
                <a href="javascript:;" title="French" class="translator-language-fr"><img src="translator/images/French.gif" alt="French" /><span>French</span></a>
            </td>
            <td class="td-translator-language-de">
                <a href="javascript:;" title="German" class="translator-language-de"><img src="translator/images/German.gif" alt="German" /><span>German</span></a>
            </td>
            <td class="td-translator-language-da">
                <a href="javascript:;" title="Danish" class="translator-language-da"><img src="translator/images/Danish.gif" alt="Danish" /><span>Danish</span></a>
            </td>
            <td class="td-translator-language-ja">
                <a href="javascript:;" title="Japanese" class="translator-language-ja"><img src="translator/images/Japanese.gif" alt="Japanese" /><span>Japanese</span></a>
            </td>
            <td class="td-translator-language-hi">
                <a href="javascript:;" title="Hindi" class="translator-language-hi"><img src="translator/images/Hindi.gif" alt="Hindi" /><span>Hindi</span></a>
            </td>
            <td class="td-translator-language-it">
                <a href="javascript:;" title="Italian" class="translator-language-it"><img src="translator/images/Italian.gif" alt="Italian" /><span>Italian</span></a>
            </td>
        </tr>
        </tbody>
        </table>
    </div>
    <div class="translator-hidden translator-restore-container">
        <a href="javascript:;" title="Restore" class="translator-restore">Restore</a>
    </div>
</div>


Translator Revolution WP Plugin | Copyright © 2014 Sur Studio.